{% extends "base.html" %}
    {% block additional_title %}- Register{% endblock %}
    {% block content %}
    <div class="greenbox" id="register">
        {% if error_message %}<p class="error">{{ error_message }}</p>{% endif %}
        <h2>Geovision</h2>
        <p>Please fill all these fields to register an account:</p>
        <form id="login" action="registering" method="post">
            {% csrf_token %}<!--protects from cross site request forgery-->
            <table id="registerform">
                <tr>
                    <td><p>Username: </p></td>
                    <td><input type="text" name="username" size="10" maxlength="30"/></td>
                </tr>
                <tr>
                    <td><p>Email: </p></td>
                    <td><input type="text" name="email" size="10" maxlength="30"/></td>
                </tr>
                <tr>
                    <td><p>First name: </p></td>
                    <td><input type="text" name="firstname" size="10" maxlength="30"/></td>
                </tr>
                <tr>
                    <td><p>Last name: </p></td>
                    <td><input type="text" name="lastname" size="10" maxlength="30"/></td>
                </tr>
                <tr>
                    <td><p>Password: </p></td>
                    <td><input type="password" name="password1" size="10" maxlength="30"/></td>
                </tr>
                <tr>
                    <td><p>Password again: </p></td>
                    <td><input type="password" name="password2" size="10" maxlength="30"/></td>
                </tr>
            </table>
            <input id="registerbutton" type="submit" value="Register"/><br/>
        </form>
    <a href="login" id="back">Back</a>
    </div>
    {% endblock %}
